<template>
   <swiper>
         <swiper-item v-for="(item,index) in banners" :key="index">
           <a :href="item.link">
             <img :src="item.image" alt="" @load="imagesload">
           </a>
         </swiper-item>
        
       </swiper>
</template>

 <script>
//  import Swiper from 'components/common/swiper/Swiper.vue'
//  import SwiperItem from 'components/common/swiper/SwiperItem.vue'
import {Swiper,SwiperItem} from 'components/common/swiper'
export default {
    props:{
        banners:{
            type:Array,
            default(){
                return []
            }
        }

    },
    data(){
      return {
        isLoad:true
      }

    },
    components:{
        Swiper,
        SwiperItem
    },
    methods:{
      imagesload(){
        if(this.isLoad){
          this.$emit('swiperImagesLoad')
          this.isLoad = false

        }
        // console.log('sss');
        
      }
    }

}
</script>

<style>

</style>